<!DOCTYPE html>

<html lang="zh" class="default-style layout-fixed layout-footer-fixed">

<head>
    <title>
        {% if pageTitle.length %}
        {{ pageTitle }}
        {% else %}
        {{ siteName }}
        {% /if %}
    </title>

    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="icon" type="image/x-icon" href="http://qiniu.maoyupeng.club/mweb/ayxr1-i6c73-001.ico">
    {% if siteDes.length %}
    <meta name="description" content="{{ siteDes }}">
    {% /if %}
    {% if post.ext_seo_keywords.length %}
    <meta name="keywords" content="{{post.ext_seo_keywords}}"/>
    {% /if %}
    {% if post.ext_seo_des.length %}
    <meta name="description" content="{{post.ext_seo_des}}"/>
    {% /if %}
    <link href="atom.xml" rel="alternate" title="{{ siteName }}" type="application/atom+xml">

    <!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet"> -->

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="asset/vendor/js/bootstrap.js"></script>

    <!-- Icon fonts -->
    <link rel="stylesheet" href="asset/vendor/fonts/ionicons.css">

    <!-- Core stylesheets -->
    <link rel="stylesheet" href="asset/vendor/css/rtl/bootstrap.css" class="theme-settings-bootstrap-css">

    <link rel="stylesheet" href="asset/vendor/css/rtl/appwork.css" class="theme-settings-appwork-css">
    <link rel="stylesheet" href="asset/vendor/css/rtl/theme-corporate.css" class="theme-settings-theme-css">
    <link rel="stylesheet" href="asset/vendor/css/rtl/colors.css" class="theme-settings-colors-css">
    <link rel="stylesheet" href="asset/vendor/css/rtl/uikit.css">
    <link rel="stylesheet" href="asset/css/demo.css">
    <link rel="stylesheet" href="asset/css/docs.css">
    <link rel="stylesheet" href="asset/css/prism.css">

    <!-- Load polyfills -->
    <script src="asset/vendor/js/layout-helpers.js"></script>

    <!-- Core scripts -->
    <script src="asset/vendor/js/pace.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="asset/jquery.toc.js"></script>

    <!-- Libs -->
    <link rel="stylesheet" href="asset/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">


    <style>
        *, body, html {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }
        #toc_container ul {
            list-style: none;
            padding-left: 10px;
        }
    </style>

</head>

<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-2">
    <div class="layout-inner">


        <!-- Layout sidenav -->
        <div id="layout-sidenav" class="layout-sidenav sidenav sidenav-vertical bg-dark">

            <div class="app-brand demo">
          <span class="app-brand-logo demo" style="background-color: whitesmoke;">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
                 id="Layer_1" x="0px" y="0px" width="57px" height="57px" viewBox="0 0 57 57"
                 enable-background="new 0 0 57 57" xml:space="preserve">  <image id="image0" width="57" height="57"
                                                                                 x="0" y="0"
                                                                                 href=" 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 ooqFmZiPP2ycSP7Tn1dXg0A5qih9/i3+rqDf108FUUMkRLAgdT5zz8XfYjTaIBT0TRbvjTbsRUor mEqkTyNUdekoiYktttihJZYYi9z28QmpqRCfADEkOd35tVGXFoPZqIMvv8SZMFzKPFO/tnvLdvZw EYoaQRRQscQ92bV/T3yRls1lGfNW/BcofNOZrXvkUaWqPOUrH3/RCCUxcc9nH+r+UHSuVYdqYQow WM4fck/FPVPUNe3eFudy6vf5L/dMjiXbgWv/qSkAKA96W70+VVCpWiHoNqvqv+YZ+6ncc2cuR5oW aM31EKPFG5HV7hV2rfE2ohdKEAT9bKivD9flurwT8n8YJhGMUMVq5QAAACV0RVh0ZGF0ZTpjcmVh dGUAMjAyMC0wMy0wM1QwNzozMDowOS0wNzowMLyFqocAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAt MDMtMDNUMDc6MzA6MDktMDc6MDDN2BI7AAAAPXRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAy MDA3IEFwcGxlIEluYy4sIGFsbCByaWdodHMgcmVzZXJ2ZWQunmbcKQAAACN0RVh0aWNjOmRlc2Ny aXB0aW9uAEdlbmVyaWMgUkdCIFByb2ZpbGUapziOAAAAAElFTkSuQmCC"/></svg>
          </span>
                <a href="index.html" class="app-brand-text demo sidenav-text font-weight-normal ml-2">{{ siteName }}</a>
                <a href="javascript:void(0)" class="layout-sidenav-toggle sidenav-link text-large ml-auto">
                    <i class="ion ion-md-menu align-middle"></i>
                </a>
            </div>

            <div class="sidenav-divider mt-0"></div>


            <!-- Links -->
            <ul id="sidenav-inner" class="sidenav-inner py-1">
            </ul>

            <script>
              $(function () {
                let innerHt = `
                    <li class="sidenav-item">
                        <a href="javascript:;" data-url="index.html" class="sidenav-link"><i class="sidenav-icon ion ion-md-speedometer"></i>
                            <div>Home</div>
                        </a>
                    </li>

                    <li class="sidenav-item">
                        <a href="javascript:;" data-url="archives.html" class="sidenav-link"><i class="sidenav-icon ion ion-ios-journal"></i>
                            <div>Archives</div>
                        </a>
                    </li>

                    <li class="sidenav-item">
                        <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-ios-bookmarks"></i>
                            <div>标签</div>
                        </a>

                        <ul class="sidenav-menu">
                            {% for tag in allTags %}
                            <li class="sidenav-item">
                                <a href="javascript:void(0)" data-url="{{ tag.url }}" class="sidenav-link">
                                    <i class="sidenav-icon ion ion-ios-bookmark"></i>
                                    <div>{{ tag.name }}({{tag.count}})</div>
                                </a>
                            </li>
                            {% /for %}
                        </ul>

                    </li>

                    {% for c in categoriesTree %}

                        <li class="sidenav-divider mb-1"></li>
                        <li class="sidenav-header small font-weight-semibold">{{ c.name }}</li>


                        {% for p in c.posts %}
                        <li class="sidenav-item">
                            <a href="javascript:void(0)" data-url="{{p.url}}" title="{{ p.title }}" class="sidenav-link"><i class="sidenav-icon ion ion-md-document"></i>
                                <div>{{ p.title }}</div>
                            </a>
                        </li>
                        {% /for %}

                        {% for c2 in c.children %}
                        <li class="sidenav-item">
                            <a href="javascript:void(0)" class="sidenav-link sidenav-toggle"><i class="sidenav-icon ion ion-ios-folder-open"></i>
                                <div>{{c2.name}}</div>
                            </a>

                            <ul class="sidenav-menu">
                                {% for p2 in c2.posts %}
                                <li class="sidenav-item">
                                    <a href="javascript:void(0)" data-url="{{ p2.url }}" class="sidenav-link">
                                        <i class="sidenav-icon ion ion-md-document"></i>
                                        <div>{{ p2.title }}</div>
                                    </a>
                                </li>
                                {% /for %}
                            </ul>

                        </li>
                        {% /for %}

                    {% /for %}
                `;
                $("#sidenav-inner").html(innerHt)



              });

            </script>
        </div>
        <!-- / Layout sidenav -->
